<template>
    <div class="gateway-node">
        <div class="node-content">            
            <div class="node-text">判断</div>
        </div>
    </div>
</template>

<script setup lang="ts">
</script>

<style scoped lang="scss">
.gateway-node {
  position: relative;
  width: 80px;
  height: 80px;
  background: linear-gradient(90deg, rgb(125,97,233) , rgb(166,143,244));
  color: white;  
  box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
  cursor: pointer;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.node-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.node-text {
    font-size: 14px;
}
</style>